博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Django高亮Markdown代码
阅读量:6564 次
发布时间:2019-06-24

本文共 883 字,大约阅读时间需要 2 分钟。

hot3.png

###概述

自从用了markdown写文档就爱不释手, 可是总有点遗憾, 那就是代码高亮。把代码块打扮的好看点也总算对得起代码。Django要高亮markdown中的代码确实很简单, 只需要以下三步(当然前提是要先装了Django的markup app,使用方法参考 https://docs.djangoproject.com/en/1.4/ref/contrib/markup/)。 本文首先参考了 和 两篇文章, 将两个文章中的情景做了下总结。

###下载Pygements 代码样式

首先可以到 Pygements 官网查看样式, 在选择样式, 然后查看源代码, 将 /media/pygments_style.css 的代码拷贝下来存到一个css文件里即可。

或者如果觉得麻烦还可以到 https://github.com/icco/pygments-css 直接下载css。

但是不论下载哪个, 都要做个小修改。 对于从demo页面取下来的代码,将里面的 .syntax 替换为 .codehilite。对于从github下载的样式,将里面的 .highlight 替换为 .codehilite 即可。

###代码样式引入HTML

这步简单, 在模版中添加引入css的代码即可

:::Html

###渲染代码块

此处可能涉及到两种用法,

  1. 在代码中渲染

    :::Python     import markdown md = markdown.Markdown(extensions=['codehilite'])
  2. 在模版中渲染

    :::Django {% load markup %} {
    { post.body|markdown:'codehilite'}}

###总结

pygements会自动识别代码类别, 如果不放心的话可以再代码块前加上 :::{Language} 指明语言即可。

参考资料:

[1]

[2]

转载于:https://my.oschina.net/GivingOnenessDestiny/blog/144625

你可能感兴趣的文章
mysql 索引
查看>>
2018-2019-2 网络对抗技术 20165318 Exp1 PC平台逆向破解
查看>>
BZOJ 3926 && ZJOI 2015 诸神眷顾的幻想乡 (广义后缀自动机)
查看>>
关于图片或者文件在数据库的存储方式归纳
查看>>
存储过程和SQL语句比较及存储过程在C#中调用方法
查看>>
JpGraph的介绍和使用
查看>>
C#开发移动应用系列(1.环境搭建)
查看>>
hihocoder 1014 Trie树
查看>>
64位ubuntu13.10安装32位库
查看>>
轻松搭建docker应用的mesos集群
查看>>
【特别好】【位运算】maximum-xor-of-two-numbers-in-an-array
查看>>
ADO.NET笔记——使用DataSet返回数据
查看>>
【Spark篇】---SparkSQL on Hive的配置和使用
查看>>
【机器学习】--关联规则算法从初识到应用
查看>>
windows 下nginx php安装
查看>>
长生界
查看>>
FreeMarker标签介绍
查看>>
SQL 函数 instr的用法
查看>>
MOTO XT702添加开机音乐
查看>>
console.dir()和console.log()的区别
查看>>